﻿*
{
    margin: 0;
    padding: 0;
}
img
{
    border: 0;
}
.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
body
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    background: #FBFAF8;
}
/* Header */
#header
{
    top: 0;
    background-color: #558a1b;
    background: url('../../Content/Images/TrangChu_01.gif') no-repeat top center;
    height: 36px;
    width: 980px;
    color: white;
    margin: 0 auto;
    padding: 0;
}
.siteName
{
    font-size: 17px;
    padding: 7px 20px;
    float: left;
}
/*Menu on top*/
#topMenu
{
    top: 6px;
    height: 30px;
    float: right;
    margin-right: 15px;
    font-size: 12px;
    font-weight: bold;
}
#topMenu > ul
{
    margin: 10px 0 0 0;
    padding: 0;
}
#topMenu > ul > li
{
    display: inline;
    float: left;
    height: 26px;
    line-height: 20px;
    list-style: none;
    margin: 0;
    padding: 0 5px 0 5px;
    position: relative;
    color: #FFFFFF;
}
#topMenu > ul > li > a
{
    color: #FFFFFF;
    text-decoration: none;
}

#topMenu > ul > li:hover
{
    color: green;
    background-color: #FFFFFF;
}

#topMenu > ul > li:hover > a
{
    color: green;
    background-color: #FFFFFF;
}
#topMenu ul li .SubMenu
{
    border-bottom: 1px solid #cfe7aa;
    border-left: 1px solid #cfe7aa;
    border-right: 1px solid #cfe7aa;
    z-index: 9999;
    position: absolute;
    top: 26px;
    right: -1px;
    display: none;
    background-color: #FFFFFF;
}
#topMenu ul li:hover .SubMenu
{
    display: block;
    width: 170px;
    padding-top: 10px;
}
#topMenu ul li:hover .SubMenu ul li
{
    clear: both;
    padding: 0px 0 5px 0;
}

#topMenu ul > li:hover .SubMenu ul > li > a
{
    color: green;
    text-decoration: none;
    padding-left: 18px;
    display: block;
}
#topMenu ul > li:hover .SubMenu ul > li > a:hover
{
    background-image: url('../../Content/Images/myVerticalBullet.gif');
    background-repeat: no-repeat;
    background-position: 4px;
    padding-left: 24px;
}


/*Main*/
#main
{
    margin: 0px auto;
    width: 978px;
    min-height: 600px;
    border-color: #0d821b;
    border-width: 0px 1px 5px 1px;
    border-style: solid;
    background-color: #FFFFFF;
}
#col-info
{
    width: 180px;
    padding: 15px 0 10px 15px;
    float: left;
}
#col-info .avar-pf
{
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
#col-info .avar-pf img
{
    width: 180px;
    height: auto;
}

#content
{
    margin-top: 0px;
}
.leftColumn
{
    width: 250px;
    padding: 20px 0 0 20px;
    vertical-align: top;
}
/*New css from userpage*/
#main-content
{
    float: left;
    display: block;
    position: relative;
    padding: 15px;
}
#left-content
{
    width: 516px;
    display: inline;
    text-align: left;
    float: left;
    display: inline;
    position: relative;
    margin: 0 15px 0 0;
}
#left-content status-pf
{
    line-height: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.avar-42
{
    width: 42px;
    float: left;
    height: 42px;
    margin: 0 2px 2px 0;
}



textarea.mainStatus
{
    padding: 5px;
    resize: none;
    width: 494px;
    height: 37px;
    border: 3px solid green;
    overflow: hidden;
}
div.mainStatusTemp
{
    padding: 5px;
    width: 494px;
    height: 33px;
    border: 3px solid green;
    overflow: hidden;
}

#feedStory
{
    margin-top: 10px;
}
.wallDetail
{
    border-top: 1px solid #EAEFF4;
    margin-top: 8px;
    padding-top: 8px;
    position: relative;
    display: block;
}
.wallDetail-l
{
    float: left;
}
.wallDetail-l img
{
    width: 50px;
    height: 50px;
    border: none;
}
.wallDetail-r
{
    margin-left: 58px;
    vertical-align: top;
    position: relative;
    display: block;
}
.message
{
    font-size: 11px;
    overflow: hidden;
    padding: 0 58px 5px 0;
    position: relative;
}
a, a:active
{
    color: #476da4;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a.close:hover
{
    background-position: -72px -143px;
    padding: 0;
    margin: 0;
}

/*====*/
a.avt, a.avt:active
{
    color: #476da4;
    text-decoration: none;
}
a.avt:hover
{
    text-decoration: underline;
}
a.close:hover
{
    background-position: -72px -143px;
    padding: 0;
    margin: 0;
}
/*====*/


.ico-sp, .likelink, .moreCom
{
    background-image: url(../../Content/Images/ico-sprite-1.01.gif);
    background-repeat: no-repeat;
}
.icon_status
{
    background-position: left -501px;
}
.moreCom
{
    background-position: 0 -311px;
    padding-left: 20px;
}
.att
{
    height: 20px;
    float: left;
    display: block;
    position: relative;
    font-weight: bold;
}
.att ul
{
    display: inline;
    position: relative;
}
.att li
{
    margin: 0 5px 0 0;
    float: left !important;
}
.grey
{
    color: #888 !important;
    font-size: 11px !important;
}
.close, .icodot
{
    background-image: url(../../Content/Images/skin-1.19.gif);
    background-repeat: no-repeat;
}
a.close
{
    background-position: -52px -143px;
    height: 16px;
    position: absolute;
    right: 0;
    width: 18px;
    display: block;
    z-index: 888;
}
.icodot
{
    background-position: -152px -34px;
    height: 11px;
    margin: 0 5px;
    width: 3px;
    display: inline-block;
}
.grey
{
    color: #888 !important;
    font-size: 11px !important;
}
.likelink
{
    background-position: left -455px;
    padding-left: 20px;
    font-size: 11px;
}
.childComment
{
    display: block;
    position: relative;
    margin: 8px 10px 0 58px;
}
.row-comment
{
    background: #F0F3F7;
    border-bottom: 1px solid #EAEFF4;
    margin-bottom: 1px;
    font-size: 11px;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
.rowcomlt
{
    margin-right: 5px;
    width: 42px;
    float: left !important;
    display: inline-block;
    _margin-right: 0;
}
.rowcomlt img
{
    width: 42px;
    height: 42px;
}
.rowcomrt
{
    vertical-align: top;
    position: relative;
    padding-right: 20px;
    margin-left: 47px;
    _margin-left: 44px;
}
.wrcomtxterae
{
    margin-left: 47px;
    display: block;
    border: 1px solid #D9E2EB;
    padding: 2px 4px;
    background: white;
    padding: 4px 9;
}

.wrcomtxterae textarea
{
    width: 100%;
    line-height: 18px;
    outline: none;
    overflow: hidden;
    resize: none;
    border: none;
    height: 37px;
    _height: 31px !important;
    color: #333;
}
.cmttip
{
    color: gray !important;
    float: left;
    padding-left: 50px;
}
.wrtcom
{
    background: white;
    border: 1px solid #D9E2EB;
    padding: 3px 4px;
}
.tmpTxt
{
    color: #888;
    cursor: text;
    height: 20px;
}
.ctnbtn
{
    margin-top: 5px;
    display: block;
    width: 100%;
}
.ctnbtn em
{
    float: right;
    padding-right: 5px;
}
/*=============================*/
.rightColumn
{
    vertical-align: top;
    padding: 15px 10px 10px 10px;
    width: 700;
    border: 1px #ddd solid;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
}
/* Footer */
#footer
{
    margin: 0 auto;
    padding: 0;
    width: 980px;
}
/*left vertical menu*/
.VerticalMenu
{
    margin: 0;
    padding: 0;
}
.VerticalMenu > ul
{
    width: 180px;
    margin: 0;
    padding: 1px;
    border: 1px solid #cfe7aa;
}
.VerticalMenu > ul > li
{
    display: block;
    list-style: none;
    padding-bottom: 1px;
}
.VerticalMenu > ul > li > a
{
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #98bf21;
    padding: 5px;
    border-left: 10px solid grey;
}
.VerticalMenu > ul > li a:hover
{
    border-left: 13px solid grey;
    background-color: #7A991A;
}
.VerticalMenu > ul > li.active
{
    margin: 0;
    padding: 0;
    background-color: #7A991A;
}
.VerticalMenu > ul > li.active a
{
    margin: 0;
    border-left: 0;
    background-color: #7A991A;
    padding: 5px;
    border-left: 14px solid grey;
}
.VerticalMenu .SubMenu
{
    margin: 0;
    padding: 10px 0 0 0;
}
.VerticalMenu .SubMenu > ul
{
    width: 180px;
    margin: 0;
    padding: 0;
}
.VerticalMenu .SubMenu > ul > li
{
    display: block;
    list-style: none;
    border-bottom: 1px solid #A0EF8E;
}
.VerticalMenu .SubMenu > ul > li > a
{
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #A0EF8E;
    padding: 5px;
}


.VerticalMenu .SubMenu > ul > li a:hover
{
    border-left: 14px solid white;
    background-color: #519D14;
}
.VerticalMenu .SubMenu > ul > li.active
{
    border-left: 18px solid white;
    background-color: #519D14;
}
/*Hien thi thong tin ca nhan*/
.box-info
{
    color: #000000;
}
.box-info .box-title
{
    height: 24px;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    border: 1px solid #D4D4D4;
    background-color: white;
    background-image: url('Images/gradientfromtop.gif');
    background-repeat: repeat-x;
    background-position: 0px -50px;
}
.box-info .box-title h3
{
    float: left;
    color: #303030;
    font-weight: bold;
    padding-left: 12px;
    font-size: 13px;
    line-height: 21px;
}
.box-info .box-cont
{
    margin: 5px 8px 8px 20px;
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    _width: 94%;
}
.box-info .box-cont .left
{
    float: left;
    width: 145px;
}
.box-info .box-cont .right
{
    float: left;
    width: 70%;
}

#right-box
{
    padding-top: 8px;
    width: 215px;
    float: left;
    position: relative;
    display: inline;
    overflow: hidden;
}
#loadingBar
{
    clear: both;
    height: 25px;
    background-color: #F0F3F7;
    margin: 10px 0;
    padding-top: 10px;
    padding-left: 10px;
}
#loadingBar > img
{
    display: inline;
    padding-left: 40px;
}
/*Notification Box*/
#notificationBox
{
    background-color: #fcfdfd;
}
#notificationBox ul
{
    list-style: none;
    list-style-position: outside;
}
#notificationBox > ul.menu
{
    display: inline;
}
#notificationBox > ul.menu li
{
    float: left;
    margin-bottom: -1px;
}
#notificationBox > ul.menu li
{
    font-weight: 700;
    display: block;
    padding: 5px 10px 5px 10px;
    background: #efefef;
    margin-bottom: -1px;
    border: 1px solid #d0ccc9;
    border-width: 1px 1px 1px 1px;
    position: relative;
    color: #898989;
    cursor: pointer;
}
#notificationBox > ul.menu li.active
{
    background: #fcfdfd;
    top: 1px;
    border-bottom: 0;
    color: #008000;
}
#notificationBox > ul.menu li.notification
{
    color: red;
}
/******* /MENU *******/
/******* CONTENT *******/
#notificationBox > .content
{
    margin: 0pt auto;
    background: #efefef;
    background: #fff;
    border: 1px solid #d0ccc9;
    text-align: left;
    font-size: 11px;
    margin-bottom: 2px;
    height: 248px;
}
#notificationBox > .content h1
{
    line-height: 1em;
    vertical-align: middle;
    height: 48px;
    padding: 10px 10px 10px 52px;
    font-size: 32px;
}
a
{
    color: Green;
}

.TieuDe
{
    font-size:14px;
    font-weight:bold;    
    border-bottom:1px solid #dedede;
    padding-bottom:5px;
    margin-bottom:5px;
}